<header class="container-fluid main-color" id="embed_page_header" *ngIf="item">
    <div class="row">
        <div class="col-2 col-sm-1 col-md-1 text-center"><a href="javascript:;" role="button" class="btn historyBack"><i class="ico mdi mdi-chevron-left"></i></a></div>
        <div class="col-7 col-sm-9 col-md-9 text-center">
            <a [routerLink]="item.boardVo?.link">{{item.boardVo?.title}}</a>
        </div>
        <div class="col-3 col-sm-2 col-md-2 text-center"><a href="javascript:;" role="button" class="btn sidePanelDrawer" title="版块主页"><i class="ico mdi mdi-menu"></i></a></div>
    </div>
</header>
<div id="embed_page">
    <div class="alert alert-warning" role="alert" *ngIf="errorMessage.length>0">
        {{errorMessage}}
    </div>
    <div class="container" id="topic_posts_collect" *ngIf="item">
        <div class="row" id="embed_page_title">
            <h5 class="body_header col-12 col-sm-12 col-md-12 default-txt-color">{{item.threadsVo.title}}</h5>
            <div class="col-12 col-sm-12 col-md-12">
                <ul class="list-inline" id="topic-stats-section">
                    <li class="list-inline-item"><i class="ico-sm mdi mdi-eye"></i> &nbsp;<span>{{item.statsVo.displaies}}</span></li>
                    <li class="list-inline-item"><i class="ico-sm mdi mdi-comment"></i> &nbsp;<span>{{item.statsVo.replies}}</span></li>
                    <li class="list-inline-item"><i class="ico-sm mdi mdi-time"></i> &nbsp;<span>{{item.threadsVo.rankingDateTime  | date:"yyyy-MM-dd HH:mm"}}</span></li>
                    <li class="list-inline-item" *ngIf="item.threadsVo.tops"><span>📌</span></li>
                    <li class="list-inline-item" *ngIf="item.threadsVo.goods"><span>💎</span></li>
                    <li class="list-inline-item" *ngIf="item.threadsVo.hots"><span>🔥</span></li>
                </ul>
            </div>
        </div>
        <!-- 话题内容开始 -->
        <div class="embed_topic_item main-color" style="margin-bottom: 1rem;">
            <!-- 回复段顶部 -->
            <app-member-item-embed [member]="item.memberVo" 
                                      [publishDate]="item.threadsVo.entryDateTime"
                                      [author]="item.threadsVo.member" 
                                      [replyFloor]="1" 
                                      [replyId]="item.replyVo.id"></app-member-item-embed>
            <!-- 回复段内容区 -->
            <app-reply-item-embed [reply]="item.replyVo"></app-reply-item-embed>
        </div>
        <!-- 话题内容结束 -->
        <!-- 话题回复开始-->
        <div id="topic_replier_collect" class="page_scroll_pagination">
            <app-reply-infinite-scroll-list [threads]="item.threadsVo" 
                                            [filterAuthor]="filterMaster" 
                                            [sortCategory]="sortCategory" 
                                            [page]="page" 
                                            [pageSize]="pageSize" 
                                            [ipAddr]="ip" 
                                            [token]="token" #replyResult></app-reply-infinite-scroll-list>
        </div>
        <!-- 话题回复结束-->
    </div>
    <!-- 分页开始 -->
    <!-- 分页结束 -->
</div>
<!-- 举报菜单 -->
<app-report-form-embed (report)="reportFormAction($event)" #reportF></app-report-form-embed>
<!-- 快速回复 -->
<app-quick-reply-form [scale]="scale" (quickReply)="quickReplyFormAction($event)" #quickReplyF></app-quick-reply-form>
<footer class="container-fluid main-color common-bottom-bar" id="embed_page_footer">
    <div class="row">
        <div class="col-8 col-sm-8 col-md-10" style="padding-right:0;display: table;padding-top: 5px;">
            <div class="common-bottom-bar-form main-bg">
                <label *ngIf="!online"><a [routerLink]="['/member/login']"><i class="ico mdi mdi-account"></i></a></label>
                <label *ngIf="online"><a [routerLink]="['/member/home']"><app-member-local-avatar [link]="avatar" [scale]="32"></app-member-local-avatar></a></label>
                <span class="bmd-form-group" [ngSwitch]="item?.threadsVo?.status">
                    <input *ngSwitchCase="'1'" type="text" disabled="true" placeholder="话题已经锁定"/>
                    <input *ngSwitchCase="'4'" type="text" placeholder="快速回复" (click)="toggleQuickReplyDrawer(0)"/>
                    <input *ngSwitchDefault type="text" disabled="true" placeholder="话题为只读状态" />
                </span>
            </div>
        </div>
        <div class="col-2 col-sm-2 col-md-1 text-center common-bottom-bar-tool">
            <a href="javascript:;" role="button" data-acctip="false" title="点个赞呗" class="action-cmd like-topic" (click)="likeThreads($event)" *ngIf="canLiked">
                <i class="ico-sm mdi mdi-thumb-up" aria-hidden="true"></i>
            </a>
            <a href="javascript:;" role="button" data-acctip="false" aria-disabled="true" class="disabled" *ngIf="!canLiked"><i class="ico-sm ico-color-teal mdi mdi-thumb-up" aria-hidden="true"></i></a>
            <sup class="actionCounter">{{item?.statsVo?.likes}}</sup>
        </div>
        <div class="col-2 col-sm-2 col-md-1 text-center common-bottom-bar-tool">
            <a href="javascript:;" role="button" data-acctip="false" title="喜欢都收藏呗" class="action-cmd favorite-topic" (click)="favoriteThreads($event)" *ngIf="canFavorited">
                <i class="ico-sm mdi mdi-favorite" aria-hidden="true"></i>
            </a>
            <a href="javascript:;" role="button" data-acctip="false" aria-disabled="true" class="disabled" *ngIf="!canFavorited"><i class="ico-sm ico-color-red mdi mdi-favorite" aria-hidden="true"></i></a>
            <sup class="actionCounter">{{item?.statsVo?.favorites}}</sup>
        </div>
    </div>
</footer>